<template>
    <div class="login vw100 vh100">
        <div class="loginBox">
            <a-input v-model:value="userName" placeholder="">
                <template #prefix>
                    <i-user type="user" />
                </template>
            </a-input>
        </div>
    </div>
</template>

<script setup>
    import { ref } from 'vue'
    
    let userName = ref('')
</script>

<style lang="scss" scoped>
    .login {
        background: url("@/assets/imgs/bg1.webp") center no-repeat;
        background-size: cover;
    }
</style>